<template>
  <h3>这是一个HelloWorld组件</h3>
  <p>接收到父组件中的数据:{{ num }}==={{ msg }}</p>
  <button @click="num++">dd</button>
  <hr />
  <p>改造后的数据:{{ info }}==={{ count }}</p>
</template>

<script>
import { toRefs } from "@vue/reactivity";
export default {
  name: "HelloWorld",
  props: ["msg", "num"],
  setup(props) {
    // let count = toRef(props.num + 3);
    // 通过解构获取的传过来的参数就会失去动态渲染的效果
    let { msg, num } = toRefs(props);

    return {
      msg,
      num,
    };
  },
};
</script>

<style>
</style>